﻿@{
    ViewBag.Title = "Upload";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div class="content">
    <div class="container" style="margin-top: 100px; margin-bottom: 100px;">
        <div class="row">
            <div class="span9">
                <div class="row">
                    <div class="span9">
                        <div class="row">
                            
                            <div class="span9">
                                <h3>Tải lên video</h3>
                                <div class="span4 img-polaroid" style="margin-left: 0px;">
                                    <form id="video-upload" action="@Url.Action("Upload", "Video")" method="post" enctype="multipart/form-data">
                                        <div class="file_button_container" style="width: 100%;">
                                            <input type="file" name="file" id="file" />
                                        </div>
                                    </form>
                                    <ul style="list-style: none; margin-left: 0px;">
                                        <li><i class="icon-ok"></i>Tối đa 1024MB (1GB)</li>
                                        <li><i class="icon-ok"></i>Tối đa 60 phút</li>
                                        <li><i class="icon-ok"></i>Hỗ trợ: MP4, FLV, WMV, AVI</li>
                                        <li><i class="icon-ok"></i>Tùy chọn logo thêm vào video</li>
                                    </ul>
                                </div>
                                <div class="span4 img-polaroid">
                                    <input type="button" id="youtube" name="youtube" class="span4 btn" value="Nhập link từ trang khác" />                                    
                                    <div id="links" style="padding: 15px;">     
                                        <input type="text" name="OutLink"placeholder="Nhập link vào ..." />                                   
                                        <ul style="list-style: none; margin-left: 0px;">
                                            <li><i class="icon-ok"></i>Youtube</li>
                                            <li><i class="icon-ok"></i>Zing MP3</li>
                                            <li><i class="icon-ok"></i>NhacCuaTui.Com</li>
                                            <li><i class="icon-ok"></i>Link trực tiếp</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="span9" style="margin-top: 100px;">
                                <form style="margin-left: 0px;" class="form-horizontal img-polaroid" action="@Url.Action("AddInfo", "Video")" method="post">
                                    <table class="table">
                                        <tbody>
                                            <tr class="success">
                                                <td width="20%">Tên video</td>
                                                <td>
                                                    <input type="text" name="Name" id="Name" value="Dung-Buong-Tay-Anh.mp4" /></td>
                                            </tr>
                                            <tr class="success">
                                                <td width="20%">Ảnh đại diện</td>
                                                <td>
                                                    <div class="btn-group" data-toggle="buttons-radio">                                                        
                                                        <button type="button" style="border: 0; background: transparent">
                                                            <img style="margin-right: 10px;" class="img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" width="100px" height="100px" />
                                                        </button>
                                                        <button type="button" style="border: 0; background: transparent">
                                                            <img style="margin-right: 10px;" class="img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" width="100px" height="100px" />
                                                        </button>
                                                        <button type="button" style="border: 0; background: transparent">
                                                            <img style="margin-right: 10px;" class="img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" width="100px" height="100px" />
                                                        </button>
                                                        <button type="button" style="border: 0; background: transparent">
                                                            <img style="margin-right: 10px;" class="img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" width="100px" height="100px" />
                                                        </button>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr class="success">
                                                <td width="20%">Thời gian</td>
                                                <td>03:45</td>
                                            </tr>
                                            <tr class="success">
                                                <td width="20%">Danh mục</td>
                                                <td>
                                                    <select name="CategoryID">
                                                        <option>A</option>
                                                        <option>A</option>
                                                        <option>A</option>
                                                        <option>A</option>
                                                    </select>
                                                </td>
                                            </tr>
                                            <tr class="success">
                                                <td width="20%">Chế độ</td>
                                                <td>
                                                    <select name="Privacy">
                                                        <option>Riêng tư</option>
                                                        <option>Chia sẽ</option>
                                                    </select>
                                                </td>
                                            </tr>
                                            <tr class="success">
                                                <td width="20%"><input class="btn" type="submit" value="Lưa thay đổi"/></td>
                                                <td></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="span3">
                <div class="row">
                    <div class="span3">
                        <h3>Mới upload</h3>
                    </div>
                    <div class="sidebar-wrap">
                    <div class="span3">
                        <img class="thumb-left-pic img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" alt="đăng bởi LocMX" height="50px" width="70px" />
                        <div class="description">
                            <h6><a href="#">Đừng buông tay anh</a></h6>
                            <p class="muted-small">Hồ Quang Hiếu<br />Thời gian: 03:54</p>
                        </div><!--/description-->
                    </div>
                    <div class="span3">
                        <img class="thumb-left-pic img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" alt="đăng bởi LocMX" height="50px" width="70px" />
                        <div class="description">
                            <h6><a href="#">Đừng buông tay anh</a></h6>
                            <p class="muted-small">Hồ Quang Hiếu<br />Thời gian: 03:54</p>
                        </div><!--/description-->
                    </div>
                    <div class="span3">
                        <img class="thumb-left-pic img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" alt="đăng bởi LocMX" height="50px" width="70px" />
                        <div class="description">
                            <h6><a href="#">Đừng buông tay anh</a></h6>
                            <p class="muted-small">Hồ Quang Hiếu<br />Thời gian: 03:54</p>
                        </div><!--/description-->
                    </div>
                    <div class="span3">
                        <img class="thumb-left-pic img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" alt="đăng bởi LocMX" height="50px" width="70px" />
                        <div class="description">
                            <h6><a href="#">Đừng buông tay anh</a></h6>
                            <p class="muted-small">Hồ Quang Hiếu<br />Thời gian: 03:54</p>
                        </div><!--/description-->
                    </div>
                    <div class="span3">
                        <img class="thumb-left-pic img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" alt="đăng bởi LocMX" height="50px" width="70px" />
                        <div class="description">
                            <h6><a href="#">Đừng buông tay anh</a></h6>
                            <p class="muted-small">Hồ Quang Hiếu<br />Thời gian: 03:54</p>
                        </div><!--/description-->
                    </div>
                    <div class="span3">
                        <a href="">Xem thêm ...</a>
                    </div>
                </div><!--/sidebar wrap-->
                    <!--/span12-->
                </div>
                <div class="row">
                    @Html.Partial("_Ads")
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        $('.nav-tabs').button();
    });
</script>
